<template>
	<view class="spell">
		<view class="spellTop">
			<view style="padding-left:15rpx">拼团购</view>
			<view class="spellMore">更多</view>
		</view>
		<view class="spellBox" v-for="item in spellDeals" :key="index">
			<view class="spellLeft"><image :src="item.img"></image></view>
			<view class="spellRight">
				<view class="spellRight_text"><span class="spellRight_red">{{item.text}}</span>{{item.texts}}</view>
				<view class="spellRight_money">{{item.money}}<span class="spellRight_num">{{item.number}}</span></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'spellDeals_child',
		props:['spellDeals'],
		data(){
			return{
				
			}
		}
	}
</script>

<style>
.spell{width:95%;margin:30rpx 2.5%;border-radius: 20rpx;background-color:#fff;box-shadow: 1rpx 2rpx 10rpx #ccc;padding-bottom:20rpx}
.spellTop{font-size:36rpx;color:rgba(37,37,37,1);font-weight:500;display: flex;justify-content: space-between;padding:20rpx 10rpx}
.spellMore{color:rgba(180,180,180,1);font-weight:normal;font-size:26rpx;padding-right:31rpx}
.spellBox{width:90%;margin:0 auto;display: flex;justify-content: flex-start;margin-top:56rpx;border-bottom:2rpx solid #DCDADD;padding-bottom:26rpx}
.spellLeft{margin-right:37rpx;}
.spellLeft image{width:137rpx;height:132rpx}
.spellRight{width:466rpx;}
.spellRight_text{height:68rpx;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:rgba(51,51,51,1);line-height:42rpx;}
.spellRight_red{width:47rpx;height:30rpx;padding:5rpx;border-radius:3px;margin-right:5rpx;background:rgba(227,46,16,1);font-size:24rpx;font-family:Kozuka Gothic Pr6N;font-weight:normal;color:rgba(255,255,255,1);}
.spellRight_money{font-size:30rpx!important;margin-top:42rpx;display:flex;justify-content: flex-start;font-size:24rpx;font-family:PingFangSC;font-weight:500;color:rgba(227,46,16,1);display: flex;align-items: flex-end;}
.spellRight_num{font-size:22rpx;font-family:Kozuka Gothic Pr6N;font-weight:normal;color:rgba(207,207,207,1);margin-left:15rpx;}
</style>
